<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="layui-side layui-bg-black" th:fragment="sidebar" id="sidebar">
    <!--<div class="layui-side-user">

        <img src="http://t.cn/RCzsdCq" data-size="680,464" th:src="@{/images/img.png}" class="layui-nav-img">
        &lt;!&ndash;<img class="layui-nav-img" th:attr=""
             th:src="@{/images/img.jpg}" alt="头像">
&ndash;&gt;
        &lt;!&ndash;data-url=@{/userInfo} @{'/system/user/picture?p='+${user.picture}} &ndash;&gt;
        <div>
            <p class="layui-side-user-name" th:text="${user.username}">TIMO</p>
            <p class="layui-side-user-designation">在线</p>
        </div>
    </div>-->
    <div class="layui-side-scroll">
        <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
        <ul class="layui-nav layui-nav-tree" lay-filter="test">
            <li class="layui-nav-item"><a href="javascript:" th:href="@{/#}">主页</a></li>
            <li class="layui-nav-item layui-nav-itemed">
                <a class="" href="javascript:">系统管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="user/userInfo.html">用户管理</a></dd>
                        <dd><a href="javascript:">角色管理</a></dd>
                        <dd><a href="javascript:">菜单管理</a></dd>
                        <dd><a href="javascript:">部门管理</a></dd>
                        <dd><a href="javascript:">字典管理</a></dd>
                        <dd><a href="javascript:">行为日志</a></dd>
                    </dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">研发中心</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:">代码生成</a></dd>
                        <dd><a href="javascript:">表单构建</a></dd>
                        <dd><a href="javascript:">数据接口</a></dd>
                    </dl>
            </li>
        </ul>
    </div>
</div>

</body>
</html>